.container {
	overflow: hidden;
}
.img-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.img-view {
	width: 548rpx;
	height: 592rpx;
	background-size: cover;
	justify-content: center;
	padding-top: 50rpx;
	position: relative;
	image {
		width: 50%;
		height: 50%;
	}
	.name {
		font-size: 32rpx;
		margin-top: 20rpx;
		text-align: center;
		width: 50%;
	}
}
.goods-view {
	background: #ffffff;
	box-shadow: 0px 0px 30rpx 0px rgba(0, 0, 0, 0.08);
	border-radius: 40rpx 40rpx 0px 0px;
	padding: 30rpx;
	position: relative;
	&-title {
		image {
			width: 27rpx;
			height: 27rpx;
			margin-right: 10rpx;
		}
		text {
			font-size: 24rpx;
			color: #666;
		}
	}
	&-list {
		padding: 0 30rpx;
		margin-top: 23rpx;
		overflow-x: hidden;
		.list-view {
			width: 100%;
			overflow: hidden;
			flex-wrap: wrap;
			justify-content: space-around;
			.goods-view-item {
				width: 172rpx;
				height: 172rpx;
				margin-right: 17rpx;
				margin-bottom: 25rpx;
				position: relative;
				border-radius: 20rpx;
				overflow: hidden;
				image {
					width: 100%;
					height: 100%;
				}
				.kuan {
					position: absolute;
					right: 0;
					bottom: 0;
					background: #f4e7f3;
					border-radius: 20rpx 5rpx 20rpx 5rpx;
					color: #6e35d4;
					font-size: 20rpx;
					padding: 0 10rpx;
				}
			}
		}
	}
	.btn-view {
		justify-content: space-around;
		.btn-item {
			width: 254rpx;
			height: 70rpx;
			border: 1px solid #000000;
			border-radius: 70rpx;
			color: #000000;
		}
		.one-btn {
			color: #fff;
			border: 0;
			background: linear-gradient(180deg, #666666, #000000);
		}
	}
}
.detail-view {
	justify-content: space-between;
}
